<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    audio：
        播放音乐或音频。IE9以下的版本不支持，
    a)支持的格式
        .mp3/.ogg/.wav
    b)属性
        src:文件路径
        autoplay:自动播放
        loop:循环
        controls:控制条
        muted:静音
        preload:预加载(当使用autoplay时，preload自动失效)

    video：
        播放视频。IE9以下的版本不支持，
    a)支持的格式
        .mp4
    b)属性
        src:文件路径
        autoplay:自动播放
        loop:循环
        controls:控制条
        muted:静音
        preload:预加载(当使用autoplay时，preload自动失效)
        width: 宽度
        height: 高度
        poster: 海报

     embed:
        嵌入内容或加载插件

        属性：
            src： 路径
            width: 宽度
            height: 高度
            type: 类型

      canvas：
        画布，与javascript合作使用
-->

<details>
    <summary>前端开发</summary>
    <h2>大前端开发包括</h2>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</details>

<progress value="70" max="100">70%</progress>

<dialog open>
    <h2>大前端开发包括</h2>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</dialog>

</body>
</html>